<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Shipping Form</title>
</head>
<body>
<header th:replace="common/top"></header>

<div id="Catalog">
    <form th:action="@{/order/mainForm}" method="post" th:object="${order}">

        <table>
            <tr>
                <th colspan="2">Shipping Address</th>
            </tr>

            <tr>
                <td>First name:</td>
                <td><input type="text" th:field="*{shipToFirstName}" /></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input type="text" th:field="*{shipToLastName}" /></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" size="40" th:field="*{shipAddress1}" /></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" size="40" th:field="*{shipAddress2}" /></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" th:field="*{shipCity}" /></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" size="4" th:field="*{shipState}" /></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" size="10" th:field="*{shipZip}" /></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" size="15" th:field="*{shipCountry}" /></td>
            </tr>
        </table>

        <input type="submit" name="newOrder" value="Continue" />
    </form>
</div>
</body>
</html>